<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
	<title>背景</title>
	
	<!-- <link rel="stylesheet" href="/hhEditor/plugin/hhframe-web/hhframe.css" /> -->
    <link rel="stylesheet" type="text/css" href="background.css">
	<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
	<!-- <script src="/hhEditor/plugin/hhframe-web/hhframe.umd.min.js"></script> -->
    <script type="text/javascript" src="../internal.js"></script>
</head>
<body>
	
    <div class="wrap">
		<div class="radios">
			<label><input id="nocolorRadio" class="iptradio" type="radio" name="t" value="none" checked="checked"><var id="lang_background_none"></var></label>
			<label><input id="coloredRadio" class="iptradio" type="radio" name="t" value="color"><var id="lang_background_colored"></var></label>
		</div>
		<div class="input-group">
			<label><var id="lang_background_color"></var></label>
			<div id="colorPicker"></div>
			<div class="clear"></div>
		</div>
		<div class="input-group" id="url_choose">
			<label>图片选择</label>
			<a class="btn" id="selectImage">+ 选择图片</a>
			<input class="input" type="text" id="url">
		</div>
		<div class="input-group" id="alignment">
			<label><var id="lang_background_align"></var></label>
			<select id="repeatType" class="select">
				<option value="center"></option>
				<option value="repeat-x"></option>
				<option value="repeat-y"></option>
				<option value="repeat"></option>
				<option value="self"></option>
			</select>
		</div>
		<div class="input-group" id="custom">
			<label><var id="lang_background_position"></var></label>
			<div class="pos"><p class="prefix">X：</p><input type="text" class="input" size="1" id="x" maxlength="4" value="0"><p class="suffix">px</p></div>
			<div class="pos"><p class="prefix">Y：</p><input type="text" class="input" size="1" id="y" maxlength="4" value="0"><p class="suffix">px</p></div>
		</div>
    </div>
	
    <script type="text/javascript" src="background.js"></script>
	
</body>
</html>
